<template>
  <div>
    <div class="config_content">
      <h3 :style="{ marginBottom: '0px',marginTop:'10px' }">老师端设置</h3>
      <a-list :bordered="false">
        <a-list-item class="child_list" style>
          <span class="left_title">查看学员电话</span>
          <a-switch defaultChecked />
          <span class="config_description">
            <a-icon type="info-circle" style="margin-right:5px;" />开启后，任课老师操作页面显示学员电话号码并可以直接点击拨打
          </span>
        </a-list-item>
        <a-list-item class="child_list" style>
          <span class="left_title">移除过期学员</span>
          <a-switch defaultChecked />
          <span class="config_description">
            <a-icon type="info-circle" style="margin-right:5px;" />开启后，老师端点名可以将过期学员一键移出本班
          </span>
        </a-list-item>
        <a-list-item class="child_list" style>
          <span class="left_title">设置缺课是否扣课时</span>
          <a-switch defaultChecked />
          <span class="config_description">
            <a-icon type="info-circle" style="margin-right:5px;" />开启后，点名时可查看请假/未到学员的历史缺课情况并设置是否扣课时
          </span>
        </a-list-item>
        <a-list-item class="child_list" style>
          <span class="left_title">查看学员信息</span>
          <a-button>设置</a-button>
        </a-list-item>
        <a-list-item class="child_list" style>
          <span class="left_title">查看课消金额</span>
          <a-switch defaultChecked />
          <span class="config_description">
            <a-icon type="info-circle" style="margin-right:5px;" />开启后，老师端能查看自己的课消金额
          </span>
        </a-list-item>
      </a-list>
      <h3 :style="{ marginBottom: '0px',marginTop:'10px' }">消息推送</h3>
      <a-list :bordered="false">
        <a-list-item class="child_list" style>
          <span class="left_title">请假审批结果</span>
          <a-switch defaultChecked />
          <span class="config_description">
            <a-icon type="info-circle" style="margin-right:5px;" />开启后，老师端将能接收到请假审批结果
          </span>
        </a-list-item>
      </a-list>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less">
.child_list.ant-list-item {
  justify-content: flex-start !important;
  border-bottom: none;
}
</style>
<style lang="less" scoped>
.config_content {
  margin: 20px 30px;
}
.child_list {
  padding: 12px 30px;
  .left_title {
    display: inline-block;
    width: 150px;
    margin-right: 30px;
  }
  .config_description {
    margin-left: 30px;
    color: #909090;
  }
}
</style>